<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" th:href="@{layui/css/layui.css}" media="all" />
</head>
<body>


	<div class="layui-tab">
		<ul class="layui-tab-title">
			<li class="layui-this">邮箱</li>
			<li>标签</li>
			<li>文件夹</li>
		</ul>
		<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
				<table class="layui-table"
					lay-data="{width: 626,url:'/mail/emailAll', page:false, id:'tableId'}"
					lay-filter="tableFilter">
					<thead>
						<tr>
							<th lay-data="{field:'account', width:200}">邮箱</th>
							<th lay-data="{field:'mailType', width:100}">邮箱类型</th>
							<th lay-data="{field:'protocol', width:100}">协议类型</th>
							<th lay-data="{field:'isSsl', width:100}">是否SSL</th>
							<th lay-data="{width:120, toolbar: '#editDelete'}"></th>
						</tr>
					</thead>
				</table>
				<button class="layui-btn" onclick="toAdd()">添加</button>
			</div>
			<div class="layui-tab-item">
				<table class="layui-table"
					lay-data="{width: 323,url:'/mail/labelAll', page:false, id:'labelTableId'}"
					lay-filter="labelTableFilter">
					<thead>
						<tr>
							<th lay-data="{field:'name', width:200}">标签名称</th>
							<th lay-data="{width:120, toolbar: '#editDelete'}"></th>
						</tr>
					</thead>
				</table>
				<button class="layui-btn" onclick="toAddLabel()">添加</button>
			</div>
			<div class="layui-tab-item">
				<table class="layui-table" lay-data="{width: 323,url:'/mail/folderAll', page:false, id:'folderTableId'}" lay-filter="folderTableFilter">
					<thead>
						<tr>
							<th lay-data="{field:'name', width:200}">文件夹名称</th>
							<th lay-data="{width:120, toolbar: '#editDelete'}"></th>
						</tr>
					</thead>
				</table>
				<button class="layui-btn" onclick="toAddFolder()">添加</button>
			</div>
		</div>
	</div>

	<script type="text/html" id="editDelete">
  		<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  		<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
	</script>
	<script th:src="@{plugin/testH/jquery.min.js?v=2.1.4}"></script>
	<script th:src="@{layui/layui.js}" charset="utf-8"></script>
	<script th:src="@{js/mail/setting.js}" charset="utf-8"></script>

</body>

</html>